import React from 'react';
import { Card, Tabs, Space } from 'antd';
import styles from './ProjectDetail.module.scss';
import teamStyles from './TeamMember.module.scss';

import { LikeOutlined, ShareAltOutlined } from '@ant-design/icons';
import TabPane from 'antd/es/tabs/TabPane';

const First: React.FC = () => {

  return (
    <div className={styles.projectDetailContainer}>
      <nav>
        <div className={styles.navtop}>
          <span className={styles.title}>大学生创新创业训练计划项目</span>
          <Space>
            <span className={styles.topright}>
              <LikeOutlined /> 赞
            </span>
            <span className={styles.topright}>
              <ShareAltOutlined /> 分享
            </span>
          </Space>
        </div>
        <div style={{ marginBottom: '1.13em', color:'#81838f', fontSize:'18px',marginTop:'10px' }}>
          发布时间: 2024/09/25 18:12:36
        </div>
        <div style={{ marginBottom: '.4em' }}>
          <Space>
            <span className={styles.tags}>主赛道</span>
            <span className={styles.tags}>红旅赛道</span>
            <span className={styles.tags}>创业赛道</span>
            <span className={styles.tags}>创新赛道</span>
          </Space>
        </div>
      </nav>
      <Card className={styles.projectCard}>
      <Tabs defaultActiveKey="1" tabBarStyle={{ textAlign: 'center', marginRight: '20px',}}indicator={{ size: (origin) => origin + 20,align: 'center' }} >
        <TabPane tab={<span style={{paddingLeft:'24px', marginRight:'20px'}}>招募信息</span>} key='1'>
        <div className={styles.tabs}>
        <div>
          <span className={styles.tabTitle}>赛事介绍</span>
          <div className={teamStyles.cardWrapper}>
            创新成果转化验证中心由浙江大学长三角智慧绿洲创新中心(以下简称”创新中心”)设立，为科技成果转化提供资金、指导、咨询、培训、推广等专业化服务支持，进而造就一批具有成长潜力的科技创新企业。
            <br />
            创新中心
            将高度整合成果、产业、人才、资本、政策等要素，充分遵循创新规律与转化规律、为科技成果团队营造合理、自主的科技成果转化内外部环境，加速科技成果快速实现从基础研究到产业化落地的飞跃，助力科创人员实现创业梦想。
          </div>
        </div>
        <div style={{ marginTop: '2em' }}>
          <span className={styles.tabTitle}>赛道介绍</span>
          <div className={teamStyles.cardWrapper}>
            为了积极推动新质生产力及未来产业的发展,，
            本次征集主要面向创新中心重点发展领域，如食品、健康、设计、城市、环境
            、数智机械等，旨在加速科技成果的产业化进程。征集的
            转化验证项目主要分为以下三类: <br />
            一、内部项目:此类项目由创新中心内部人员(包括全职人员、双聘人员、访问学者等)负责，且未在创新中心内部进行科研立项。可细分为以下两类:{' '}
            <br /> &nbsp;&nbsp;
            (一)概念验证项目:项目处于早期阶段，旨在将开发的新产品、新工艺、新模式产业化的项目。{' '}
            <br />
            &nbsp;&nbsp;&nbsp;(二)产品验证项目:具备较为成熟的产品、服务、工艺基础，已进入形成稳定产品、制作样机、资质申报、商业模式验证等即将进入产业化阶段的项目。{' '}
            <br />
            二、外部项目:由创新中心外部人员(科研院所、企业人员等)负责，具备较为成熟的产品、服务、工艺基础，已进入形成稳定产品、制作样机、资质申报、商业模式验证等即将进入产业化阶段的项目。
            <br />{' '}
            三、联合立项项目:由创新中心内部、外部人员或创新中心发起，与第三方共同资助，基于已有科技成果、应用场景及市场需求开展产业化的合作项目。{' '}
            <br />
            申报转化验证的项目须符合《浙江大学长三角智慧绿洲创新中心创新成果转化验证中心项目申报条件》(附件1)中
            所提要求。创新中心将优先支持具备转化经验转化成果、创业意愿的团队，以及已有产品(服务)原型、具备产业化应用基础、获得各级政府及企业支持的项目。
          </div>
        </div>
        <div style={{ marginTop: '2em' }}>
          <span className={styles.tabTitle}>申报条件</span>
          <div className={teamStyles.cardWrapper}>
            团队由4-10名同校学生组成，可包括本科生和研究生，指导老师有1-3名。同一人最多参与两个赛道项目，且不可在同一赛道参与两个不同项目。
          </div>
        </div>
        <div style={{ marginTop: '2em' }}>
          <span className={styles.tabTitle}>立项程序</span>
          <div className={teamStyles.cardWrapper}>
            1.项目申报: 申请人 通过以下链接进行信息填写:
            <br />
            <a
              href="https://zhihuilvzhou.mikecrm.com/Eb4W6RT"
              style={{ textDecoration: 'underline' }}
            >
              https://zhihuilvzhou.mikecrm.com/Eb4W6RT
            </a>
            <br /> 项目申报的起止时间为 2024年7月12日-7月31日。
            <br />
            2.项目评审: 申报截止后、 创新中心 新质生产力促进中心》 将
            组织项目形式审查，
            主要关注项目材料的完整性、成果和团队的真实性、申报内容的合理性等内容并结合尽职调查结果进行判定。通过形式审查的项目、创新中心
            将组织项目所在领域的技术专家、产业专家和投资专家对项目进行评审，
            择优确定拟立项项目。
            <br />
            3.项目立项:项目负责人与创新中心签署项目资助协议，正式进入转化验证的执行阶段。
          </div>
        </div>
        <div style={{ marginTop: '2em' }}>
          <span className={styles.tabTitle}>附件</span>
        </div>
      </div>
    </TabPane>
    </Tabs>
      </Card>
    </div>
  );
};

export default First;
